<html>
<head>
  <!-- META DATA -->
	<meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Free Bootstrap Themes by 365Bootstrap dot com - Free Responsive Html5 Templates">

	<title>婚纱</title>
  
	<!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css"  type="text/css">
	
	<!-- Owl Carousel Assets -->
    <link href="owl-carousel/owl.carousel.css" rel="stylesheet">
    <link href="owl-carousel/owl.theme.css" rel="stylesheet">
	
	<!-- Custom CSS -->
    <link rel="stylesheet" href="css/style.css">
	
	<!-- Custom Fonts -->
    <link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css"  type="text/css">
	<link href='https://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->
	
</head>

 <body>
<header>
  <!-- ########################### -->
  <div class="top container">
    <div class="row">
      <div class="col-md-12">
        <img class="toplogo" src="images/logo.png"/>
      </div>
    </div>
  </div>

  <!-- ############################## -->
  <div id="nav-wrapper">
    <div id="nav" class="navbar navbar-default navbar-inner container">
        <div class="row">
          <div class="col-md-10 col-md-offset-1">
    
            <!-- BAR CONTENTS -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
               <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="index.html">Wedding</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <!-- LEFT CONTENT -->
              <ul class="nav navbar-nav">
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">婚纱分类 <span class="fa fa-arrow-down"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li><a href="#"><span class="glyphicon glyphicon-asterisk"></span> ITEM</a></li>
                    <li class="divider"></li>
                    <li><a href="#" style="font-weight:300"><span class="glyphicon glyphicon-asterisk"></span> Item1</a></li>
                    <li><a href="#" style="font-weight:300"><span class="glyphicon glyphicon-asterisk"></span> Item2</a></li>
                    <li><a href="#" style="font-weight:300"><span class="glyphicon glyphicon-asterisk"></span> Item3</a></li>
                  </ul>
                </li>
              </ul>
              
              <!-- RIGHT CONTENT -->
              <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html"><span class="fa fa-home"></span> Home</a></li>
                <li><a href="contact.html"><span class="fa fa-envelope"></span> Contact</a></li>
              </ul>
            </div>
		
          </div> <!-- col -->
        </div> <!-- row -->
    </div> <!-- nav -->
  </div> <!-- wrapper -->

	<div class="container">
		<!-- CAROUSEL -->
		<div id="carousel-example-generic" class="carousel slide row hidden-xs" data-ride="carousel" data-interval="4000">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>
		 
			<!-- Wrapper for slides -->
			<div class="carousel-inner">
				<div class="item active">
					<img src="images/banner1.jpg" alt="..." style="width:100%">
				</div>
				<div class="item">
					<img src="images/banner2.jpg" alt="..." style="width:100%">
				</div>
				<div class="item">
					<img src="images/banner3.jpg" alt="..." style="width:100%">
				</div>
			</div>
		 
			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left"></span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</a>
		</div> <!-- Carousel -->
	</div>
</header>

	
	<!-- /////////////////////////////////////////Content -->
	<div id="page-content" class="index-page container">
	
	<div class="row">
		
		<div class="col-md-6 col-md-offset-1">
			<div id="main-content">
			<?php
			mysql_connect("localhost","root");
			mysql_select_db("close");
			mysql_query("set names utf-8");
			$rs=mysql_query("select * from wedding order by id desc");
			while($row=mysql_fetch_assoc($rs)){
			?>
				<article>
					<div class="art-header">
						<a href="single.html"><h2>$row["name"]</h2></a>
						<div class="info">
							By <a href="#">Admin</a> June 12, 2015 - <i class="fa fa-comment"></i> 0 Comments
							<ul class="list-inline">
								<li><a href="#" style="text-decoration: underline;color:#333;">Free</a></li>
								<li> - </li>
								<li>
									<span class="rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-half-o"></i>
									</span>
								</li>
							</ul>
						</div>
						
					</div>
					<div class="art-content">
						<img src="images/12.jpg" />
						<p>王薇薇从巴黎Sarah Lawrence College 艺术史专业毕业后, 在《Vogue》法国版杂志找到了一份工作。她从此一干就是16年。 1990年，王薇薇以家族赞助的400万美元资金，在曼哈顿开设了第一间门店，专门订做高价位新娘婚纱礼服，并以现代、简单、尊贵的设计风格，打破繁复、华丽的传统，逐渐在上流社会打开了知名度。她设计的婚纱从一开始就走豪华高价路线，融现代与高贵于一身，在时装界引领了一场“婚纱革命”，她本人也因此获得了“婚纱女王”的美誉。 <a href="single.html">MORE...</a></p>
						
					</div>
				</article>
			  
			  <hr>

         <?php
			  }

			  ?>
				
			  
			 
				<center>
					<ul class="pagination">
						<li>
						  <a href="#" aria-label="Previous">
							<span aria-hidden="true">&laquo;</span>
						  </a>
						</li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li>
						  <a href="#" aria-label="Next">
							<span aria-hidden="true">&raquo;</span>
						  </a>
						</li>
					</ul>
				</center>
		
			</div>
		</div>
	
		<div class="col-md-4">
			<div class="bs-sidebar affix hidden-xs hidden-sm" id="sidebar">
				<h3>点击量</h3>
				<div id="owl-demo1" class="owl-carousel">
					<div class="item">
						<a href="single.html"><img src="images/1.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/2.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/7.jpg" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/3.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/4.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/5.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/6.png" /></a>
					</div>
				</div>
				<h3>新品</h3>
				<div id="owl-demo2" class="owl-carousel">
					<div class="item">
						<a href="single.html"><img src="images/1.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/2.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/7.jpg" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/3.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/4.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/5.png" /></a>
					</div>
					<div class="item">
						<a href="single.html"><img src="images/6.png" /></a>
					</div>
				</div>
			</div>
		</div>
    </div>

	
	</div>
	
	<!-- FOOTER -->
	<footer class="container ">
		<div class="row">
			<div class="col-md-4">
				<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
			</div>
			<div class="col-md-4">
				<ul class="list-inline social-buttons">
					<li><a href="#"><i class="fa fa-twitter"></i></a>
					</li>
					<li><a href="https://www.facebook.com/365bootstrap"><i class="fa fa-facebook"></i></a>
					</li>
					<li><a href="#"><i class="fa fa-linkedin"></i></a>
					</li>
					<li><a href="#"><i class="fa fa-pinterest"></i></a>
					</li>
				</ul>
			</div>
			<div class="col-md-4">
				<ul class="list-inline quicklinks">
					<li><a href="#">Privacy Policy</a>
					</li>
					<li><a href="#">Terms of Use</a>
					</li>
				</ul>
			</div>
		</div>
	</footer>
  
	<!-- jQuery -->
	<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	
	<script>
		if ($(window).width() < 1199) {
			$('#sidebar').affix({
			  offset: {
				top: 398
			  }
			}); 
		} else {
			$('#sidebar').affix({
			  offset: {
				top: 442
			  }
			}); 
		}

		$(function() {
			$('#nav-wrapper').height($("#nav").height());
			
			$('#nav').affix({
				offset: { top: $('#nav').offset().top }
			});
		});
	</script>
	
	<!-- carousel -->
	<script src="owl-carousel/owl.carousel.js"></script>
    <script>
    $(document).ready(function() {
      $("#owl-demo1").owlCarousel({
        autoPlay: 3000,
        items : 3,
		itemsDesktop : [1199,2],
        itemsDesktopSmall : [979,2]
      });
	  $("#owl-demo2").owlCarousel({
        autoPlay: 3000,
        items : 3,
		itemsDesktop : [1199,2],
        itemsDesktopSmall : [979,2]
      });
    });
    </script>
</body>
</html>